#app {
  color: #2c3e50;
  height: 100%;
}
html,
body {
  margin: 0;
  height: 100%;
  font-size: 14px;
}

/*解决el-table中表头和表格无法对齐的问题*/
.el-table th.gutter {
  display: table-cell !important;
}

.pub_dialog {
  display: flex;
  justify-content: center;
  align-items: Center;
  overflow: hidden;
  .el-dialog {
    margin: 0 auto !important;
    height: 90%;
    // overflow: hidden;
    .el-dialog__body {
      padding: 30px;
      position: absolute;
      left: 0;
      top: 54px;
      bottom: 0;
      right: 0;
      z-index: 1;
      overflow: hidden;
      overflow-y: auto;
    }
    .el-dialog__title {
      color: #409eff;
    }
    .el-dialog__header {
      padding: 20px 20px 20px 30px;
    }

    .titleBox {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
      margin-bottom: 5px;
      padding: 0 5px;
      height: 28px;
      line-height: 28;

      .title {
        font-size: 16px;
        font-weight: 600;
        height: 28px;
        line-height: 28px;
      }
    }
  }
}

/*关于el-table的全局样式*/
.el-table .el-table__fixed-header-wrapper th, .el-table .el-table__header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9;
  color: #515a6e;
  height: 40px;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #dfe6ec;
}

//全局loading样式
// .mask-main {
//   background-color: rgba(0, 0, 0, 0.5);
//   position: fixed;
//   top: 0;
//   left: 0;
//   width: 100%;
//   height: 100%;
//   z-index: 100000;
//   display: flex;
//   align-items: center;
//   justify-content: center;
//   .mask-content {
//     width: 200px;
//     height: 100px;
//     text-align: center;
//     font-size: 16px;
//     color: rgba(255, 255, 255, 0.8);
//     opacity: 1;
//     .mask-item {
//       &:first-of-type {
//         font-size: 32px;
//         padding-bottom: 10px;
//       }
//     }
//   }
// }
